✅Discord ボタンのcssをコピー
2022/12/29(木)
完了
https://gyazo.com/901977bcae35902df2253647bceff4ef
https://gyazo.com/b98090714b65f0dad0ad65a1fe9109e0
https://gyazo.com/7eff2da71d153d03ba6f85aa7d7eb261
https://gyazo.com/3b1c2f0839162931785135be06013358
https://gyazo.com/d8fca2344e9f72fc4fc72ae203416344
https://gyazo.com/314eecdab75f7cb0f98eaba85b4c4e2e
https://gyazo.com/185567722efd8a1789c458f9575a04f7
...意外と多いな?
2022/12/28(水)
記法考えますか
[>]でいいや
$ 青
パスワードを変更
$ 灰
灰
$ 赤
赤
$ 緑
緑
$ 赤枠
赤枠
$ 青枠
青枠
code:style.css
.text:has(.deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&)) { padding-bottom: 5px; }
.deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&) {
padding: 7px 16px;
border-radius: 3px;
color: white;
margin: 0 2px;
}
.line:not(.cursor-line) .deco-\>:is(.deco-\~,.deco-\',.deco-\!,.deco-\#,.deco-\%,.deco-\&) { cursor: pointer; }
.deco-\>.deco-\~ { background: hsl(235, 85.6%, 64.7%); }
.line:not(.cursor-line) .deco-\>.deco-\~:hover { background: hsl(235, 51.4%, 52.4%); }
.deco-\>.deco-\' { background: hsl(217, 7.6%, 33.5%); }
.line:not(.cursor-line) .deco-\>.deco-\':hover { background: hsl(213, 5%, 42.9%); }
.deco-\>.deco-\! { background: hsl(359, 82.6%, 59.4%); }
.line:not(.cursor-line) .deco-\>.deco-\!:hover { background: hsl(359, 56.3%, 40.4%) }
.deco-\>.deco-\# { background: hsl(139, 47.1%, 33.3%) }
.line:not(.cursor-line) .deco-\>.deco-\#:hover { background: hsl(138, 46.8%, 24.3%); }
.deco-\>.deco-\% {
border: solid 1px hsl(359, 82.6%, 59.4%);
padding: 6px 16px;
}
.line:not(.cursor-line) .deco-\>.deco-\%:hover { background: hsl(359, 66.7%, 54.1%); }
.deco-\>.deco-\& {
border: solid 1px hsl(235, 85.6%, 64.7%);
padding: 6px 16px;
}
.line:not(.cursor-line) .deco-\>.deco-\&:hover { background: hsl(235, 85.6%, 64.7%); }